<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/tanchuang.css">
    <link rel="stylesheet" href="../css/usercenter.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/resize.js"></script>
    <script>
        $(window).ready(function(){
            resetFont();
        });
        $(window).resize(function(){
            resetFont();
        });
    </script>
</head>
<body>
    <div class="my_content">
        <div class="my_shop">
            <div class="my_touxiang">
                <div class="my_tximg">
                    <img src="../images/touxiang.png" alt="">
                </div>
                <h4>河北苗友通店铺</h4>
            </div>
            <div class="my_level clearfix">
                <div class="my_mem">
                    <span>会员类别</span>
                    <em>高级会员</em>
                </div>
                <div class="my_enddate">2017-01-01到期</div>
            </div>
        </div>
        <div class="my_point clearfix">
            <div class="my_change clearfix">
                <div class="my_jifen">
                    <p class="my_shuliang">金币  <span>200</span>  个</p>
                    <p class="my_tip">金币可用于兑现佣金</p>
                </div>
                <div class="my_dh">
                    <button type="button">兑现</button>
                </div>
            </div>
            <div class="my_pointcount">
                <p class="my_shuliang">金币  <span>200</span>  个</p>
                <p class="my_tip">此处积分越多，各列表排序越靠前，您的供应信息会被求购商优先看到</p>
            </div>
        </div>
        <div class="my_nav">
            <ul class="clearfix">
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb1">
                            <img src="../images/tb1.png" alt="">
                        </div>
                        <h4>我引荐的人</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb2">
                            <img src="../images/tb2.png" alt="">
                        </div>
                        <h4>积分介绍</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb3">
                            <img src="../images/tb3.png" alt="">
                        </div>
                        <h4>推广赚积分</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb4">
                            <img src="../images/tb4.png" alt="">
                        </div>
                        <h4>引荐我的人</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb5">
                            <img src="../images/tb5.png" alt="">
                        </div>
                        <h4>管理我的店铺</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb6">
                            <img src="../images/tb6.png" alt="">
                        </div>
                        <h4>我要充值</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb7">
                            <img src="../images/tb7.png" alt="">
                        </div>
                        <h4>修改个人信息</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb8">
                            <img src="../images/tb8.png" alt="">
                        </div>
                        <h4>客户评价</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb9">
                            <img src="../images/tb9.png" alt="">
                        </div>
                        <h4>客服中心</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb10">
                            <img src="../images/tb10.png" alt="">
                        </div>
                        <h4>求购报价</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb11">
                            <img src="../images/tb11.png" alt="">
                        </div>
                        <h4>金币明细</h4>
                    </a>
                </li>
                <li class="my_navItem">
                    <a href="javascript:void(0);">
                        <div class="my_tb my_tb12">
                            <img src="../images/tb12.png" alt="">
                        </div>
                        <h4>VIP会员须知</h4>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>